<template>
    <div>
        <hea-der></hea-der>
        <div class="index_dbj">
            <div class="index_xdh">
            当前位置 > <span>首页</span>
            </div>
            <div class="index_yujing">
                <div class="index_yujing1">
                    <img class="index_yujing3" src="../../images/yinyu.png" />
                    <img class="index_yujing2" src="../../images/yujing.png" />
                    <div class="index_yujingwz">
                        <span class="index_yujingwz4">敏感</span><span class="index_yujingwz5">出现敏感负面信息。</span>
                        <p>更新时间：2017-11-20  9:01:06</p>
                    </div>
                </div>
            </div>
            <div class="index_kuang">
            敏感信息
                <div class="index_kuang1">
                <img src="../../images/shuaxin.png" />
                <img src="../../images/gongju.png" />
                <img src="../../images/fanhui.png" />
                <img src="../../images/guanbi.png" />
            </div>
            </div>
            <div class="index_kuang11">
                <div class="index_kuang111">
                    <div class="index_tu">
                        <div class="index_tu1">紧急</div>
                        <div class="index_tu2">重要</div>
                        <div class="index_tu3">一般</div>
                        <div class="index_tu4">重要</div>
                        <div class="index_tu5">重要</div>
                    </div>
                    <div class="index_tuwz">
                        <ul>
                        <li>走好新的长征路 习近平为何强调全面从严治党...</li>
                        <li>东北是我们国家的老工业基地，是‘共和国的...</li>
                        <li>今年下半年以来，东北经济部分数据出现企稳...</li>
                        <li>“各方要共同努力，采取更加有效的措施，打...</li>
                        <li>今天，涉嫌严重违纪违法潜逃美国两年半的辽...</li>
                        </ul>
                    </div>
                    <div class="index_tuwz1">
                        <ul>
                        <li>百度贴吧</li>
                        <li>百度贴吧</li>
                        <li>百度贴吧</li>
                        <li>百度贴吧</li>
                        <li>百度贴吧</li>
                        </ul>
                    </div>
                    <div class="index_tuwz2">
                        <ul>
                        <li>2017-11-15  12:00</li>
                        <li>2017-11-15  12:00</li>
                        <li>2017-11-15  12:00</li>
                        <li>2017-11-15  12:00</li>
                        <li>2017-11-15  12:00</li>
                        </ul>
                    </div>
                    <div class="index_tuwz3">
                        <ul>
                        <li>字数：25</li>
                        <li>字数：65</li>
                        <li>字数：152</li>
                        <li>字数：452</li>
                        <li>字数：120</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="index_kuang">
            媒体分布占比图
                <div class="index_kuang1">
                    <img src="../../images/shuaxin.png" />
                    <img src="../../images/gongju.png" />
                    <img src="../../images/fanhui.png" />
                    <img src="../../images/guanbi.png" />
                </div>
                <div class="index_kuang2">
                    <div class="index_kuang22">
                        <div class="index_img1">
                            <span>网络</span><div class="index_fk1"></div>
                            <span>平面</span><div class="index_fk2"></div>
                            <span>论坛</span><div class="index_fk3"></div>
                            <span>博客</span><div class="index_fk4"></div>
                            <span>电视</span><div class="index_fk5"></div>
                            <span>户外</span><div class="index_fk6"></div>
                            <span>微博</span><div class="index_fk7"></div>
                            <span>微信</span><div class="index_fk8"></div>
                            <span>广播</span><div class="index_fk9"></div>
                            <span>外媒</span><div class="index_fk10"></div>
                            <span>APP</span><div class="index_fk11"></div>
                        </div>
                        <img class="index_img2" src="../../images/tu1.png" />
                        <img class="index_img3" src="../../images/tu2.png" />
                    </div>
                </div>
            <div class="index_kuangThree">
                当日分析
                <div class="index_kuang1">
                    <img src="../../images/shuaxin.png" />
                    <img src="../../images/gongju.png" />
                    <img src="../../images/fanhui.png" />
                    <img src="../../images/guanbi.png" />
                </div>
            </div>
            <div class="index_kuang3">
                    <div class="index_kuang33">
                    <div class="index_tubiao"><img src="../../images/tubiao.png" /></div>
                    <img src="../../images/shuju.png" />
                    </div>
                </div>
            <div class="index_kuangFour">
                媒体分布占比图
                <div class="index_kuang1">
                    <img src="../../images/shuaxin.png" />
                    <img src="../../images/gongju.png" />
                    <img src="../../images/fanhui.png" />
                    <img src="../../images/guanbi.png" />
                </div>
            </div>
                <div class="index_kuang4">
                    <div class="index_kuang44">
                        <img class="index_kuang444" src="../../images/shujutiao.png" />
                        <img class="index_kuang4444" src="../../images/ditu.png" />
                        <div class="index_kwz">地域分布<span>分析图/信息数</span></div>
                        <div class="index_tiao">
                            <img src="../../images/tiaoxing1.png" />
                            <img src="../../images/tiaoxing2.png" />
                            <img src="../../images/tiaoxing3.png" />
                            <img src="../../images/tiaoxing4.png" />
                            <img src="../../images/tiaoxing5.png" />
                            <img src="../../images/tiaoxing6.png" />
                            <img src="../../images/tiaoxing7.png" />
                            <img src="../../images/tiaoxing8.png" />
                            <img src="../../images/tiaoxing9.png" />
                            <img src="../../images/tiaoxing10.png" />
                        </div>
                    </div>
                </div>
            <div class="index_fenxik">
                <div class="index_kuangl">
                    <div class="index_kuangx">
                    热词分析
                        <div class="index_kuang1">
                        <img src="../../images/shuaxin.png" />
                        <img src="../../images/gongju.png" />
                        <img src="../../images/fanhui.png" />
                        <img src="../../images/guanbi.png" />
                        </div>
                    </div>
                    <div class="index_kuang5">
                        <img src="../../images/fenxi.png" />
                    </div>
                </div>
            </div>
            <div class="index_kuangr">
                    <div class="index_kuangx1">
                    属性分析
                        <div class="index_kuang1">
                        <img src="../../images/shuaxin.png" />
                        <img src="../../images/gongju.png" />
                        <img src="../../images/fanhui.png" />
                        <img src="../../images/guanbi.png" />
                        </div>
                    </div>
                    <div class="index_kuang55">
                        <img src="../../images/fxz.png" />
                    </div>
            </div>
            </div>
        </div>       
        <foo-ter></foo-ter>
    </div>
</template>
<script>
export default {
    // data(){
    //     return{
    //     isActive1:true,
    //     isActive:false
    //     }
    // }
}
</script>
<style  scoped>
    @import url('./index.css');
</style>
